<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
    <div id="index_div" >
        <div class="form-group">
            <label for="province" class="control-label col-xs-12 col-sm-2">{:__('Province')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="province" name="row[province_id]" v-model="province_id" class="form-control" data-rule="required;city">
                    <option value="">请选择省份</option>
                    <option :value="province.id" v-for="province in province_list">{{province.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="city" class="control-label col-xs-12 col-sm-2">{:__('City')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="city" name="row[city_id]"  v-model="city_id" class="form-control" data-rule="required;city">
                    <option value="">请选择城市</option>
                    <option :value="city.id" v-for="city in city_list">{{city.name}}</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="county" class="control-label col-xs-12 col-sm-2">{:__('County')}:</label>
            <div class="col-xs-12 col-sm-8">
                <select id="county" name="row[county_id]" v-model="county_id" class="form-control" data-rule="required;county">
                    <option value="">请选择县/区</option>
                    <option :value="county.id" v-for="county in county_list">{{county.name}}</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input type="text" class="form-control" v-model="name" id="name" name="row[name]" value="{{test}}" data-rule="required;name" />
            </div>
        </div>
        <div class="form-group">
            <label for="address" class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
            <div class="col-xs-12 col-sm-8">
                <input type="text" class="form-control" id="address" v-model="address" name="row[address]" value="" data-rule="required;name" />
            </div>
        </div>
    </div>
    <div class="form-group hidden layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>